  <ul class="items">
	                  <#list equipments as equip>
			                <li class=" online_${equip.onlinestatus!} level_2 item"   tar="${s.base}/equip/imglist/${equip.puid!}.do"  puid=${equip.puid!}  readonly="readonly"  >
			                
			                     <a href="?puid=${equip.puid!}" class="name" title="${equip.name!}"  onclick="return false;"> 
			                     <div class="eqp_weather weath_icon   png30 dweather"  prname="${equip.prname!}"></div> 
			                     <span> ${equip.name!}</span> </a>   
			                     
			                     <input class="onoff" type="checkbox"   name="onoff"   readonly="readonly"  onclick="return false" <#if   equip.onoff== 1 >checked </#if>   />
			                     <input class="period"  type="text"  name="period" readonly="readonly"   value="${equip.period!}"   />  
			                     <input class="isforce" type="checkbox"   name="isforce"  readonly="readonly" onclick="return false"  <#if   equip.isforce== 1 >checked </#if>   />    
			                     <input class="glocation" type="text" name="glocation"  readonly="readonly"     value="${equip.glocation!}" />
			                     <input class="gprovince" type="text" name="prname"   readonly="readonly"    value="${equip.prname!}"/>
			                     <i class="fa fa-edit"></i> 
			                </li>
	                 </#list>
                
 </ul>
 <script>
 $(function(){
	 $(".items .item i").on("click",function(){
		  var tar=$(this).parent();
		  var flg="readonly";
		  
		  console.log(tar.attr(flg)+"==="+tar.children().length);
		  
		  if(tar.attr(flg)){
 
			  
			  endEdit(tar.siblings());//同时只能有一个处于编辑状态,关闭其他的编辑状态
			  beginEdit(tar);  
			  
		  }else{
			  endEdit(tar);
 
		  }
		  
		  function endEdit(tar){
			  tar.attr(flg,flg);
			  tar.children().attr(flg,flg);
			  tar.children("i").attr("class","fa fa-edit");
			  tar.removeClass("editable");	
			  tar.children("input:checkbox").attr("onclick","return false");
		  }
		  function beginEdit(tar){
			  tar.removeAttr(flg);
			  tar.children().removeAttr(flg); 
			  tar.children("i").attr("class","fa fa-check-square-o");
			  tar.addClass("editable");
			  tar.children("input:checkbox").removeAttr("onclick");
		  }
	 }); 
 })
 
 </script>